body,
html {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
main {
	flex-grow: 1;
	overflow: auto;
}
/* 轮播图 */
#banner {
	height: 140px;
}
#banner .swiper {
	height: 140px;
	.slider1 {
		background: url(../../assets/images/index1.png) no-repeat center;
		background-size: cover;
	}
	.slider2 {
		background: url(../../assets/images/index2.png) no-repeat center;
		background-size: cover;
	}
	.slider3 {
		background: url(../../assets/images/index3.png) no-repeat center;
		background-size: cover;
	}
}

#main {
	margin: 10px auto;
	width: 340px;
}
#main div {
	margin-bottom: 10px;
}
#main-one {
	height: 100px;
	width: 120px;
	border-radius: 10px;
	background-color: #54afda;
}
#main-one span {
	font-size: 85px;
	color: #88c7e5;
	bottom: 0px;
	left: 0px;
}
#main-one p {
	top: 8px;
	left: 15px;
}
#main-one h1 {
	text-align: right;
	font-size: 35px;
	margin-right: 10px;
	right: 5px;
	bottom: 0px;
}
#main-two {
	height: 100px;
	width: 200px;
	border-radius: 10px;
	background-color: #9fd9f8;
	flex-wrap: wrap;
}
#main-two span {
	font-size: 85px;
	color: #dff2fd;
	bottom: 3px;
	left: 15px;
}
#main-two p {
	top: 8px;
	left: 15px;
}
#main-two button {
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 2px solid #005177;
	border-radius: 30px;
	right: 30px;
	bottom: 15px;
	border: none;
	outline: none;
}
#main-three {
	height: 100px;
	width: 140px;
	border-radius: 10px;
	background: url(../../assets/images/index1.png) no-repeat center;
	background-size: cover;
}
#main-three p {
	left: 10px;
	top: 15px;
}
#main-four {
	height: 100px;
	width: 180px;
	border-radius: 10px;
	background-color: #9dbde3;
}
#main-four .iconfont {
	font-size: 90px;
	color: #dff2fd;
	bottom: -5px;
	left: 15px;
}
#main-four p {
	top: 15px;
	left: 15px;
}
#main-four h2 {
	font-size: 50px;
	color: #004e73;
	right: 20px;
	bottom: 0px;
}
#main-five {
	width: 100%;
	height: 100px;
	background: url(../../assets/images/index2.png) no-repeat;
	background-size: contain;
}
#main-five p,
#main-six p,
#main-seven p {
	top: 10px;
	left: 10px;
}
#main-six {
	width: 100%;
	height: 100px;
	background: url(../../assets/images/index3.png) no-repeat;
	background-size: contain;
}
#main-seven {
	border-radius: 15px;
	width: 100%;
	height: 100px;
	background: url(../../assets/images/index1.png) no-repeat center center;
	background-size: cover;
}
/* 尾部 */
/* #tabBar-a {
	height: 65px;
	当子元素的宽高不够时,会自动生成缩小,默认值为1,所以需要设置默认值为0
	flex-shrink: 0;
} */
